<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
.grayscale
{
    filter:grayscale(1);
}

        .sepia
        {
            filter:sepia(1);
        }
        .invert
        {
            filter:invert(1);
        }
    </style>
</head>
<body>
<video autoplay width="320px" height="240px">

</video>
<canvas></canvas>
<button id="capture"></button>
<script src="photo.js"></script>
</body>
</html>